<template>
  <div class="webpack-skeleton clearfix">
    <el-scrollbar style="height: 100%">
    <div class="main">
      <pre class="text-left fs14 p15">
'use strict';

const path = require('path')
const merge = require('webpack-merge')
const baseWebpackConfig = require('./webpack.base.conf')
const nodeExternals = require('webpack-node-externals')

function resolve(dir) {
  return path.join(__dirname, dir)
}

module.exports = merge(baseWebpackConfig, {
  target: 'node',
  devtool: false,
  entry: {
    app: resolve('../src/entry-skeleton.js')
  },
  output: Object.assign({}, baseWebpackConfig.output, {
    libraryTarget: 'commonjs2'
  }),
  externals: nodeExternals({
    whitelist: /\.css$/
  }),
  plugins: []
})
      </pre>
    </div>
    </el-scrollbar>
  </div>
</template>

<script>
export default {
  name: 'WebpackSkeleton'
}
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style lang="scss">
.webpack-skeleton{
  margin: 0 auto;
  overflow: hidden;
}
</style>
